<template lang="html">
  <sui-segment inverted>
    <sui-list divided inverted relaxed>
      <sui-list-item>
        <sui-list-content>
          <sui-list-header>Snickerdoodle</sui-list-header>
          An excellent companion
        </sui-list-content>
      </sui-list-item>
      <sui-list-item>
        <sui-list-content>
          <sui-list-header>Poodle</sui-list-header>
          A poodle, its pretty basic
        </sui-list-content>
      </sui-list-item>
      <sui-list-item>
        <sui-list-content>
          <sui-list-header>Paulo</sui-list-header>
          He's also a dog
        </sui-list-content>
      </sui-list-item>
    </sui-list>
  </sui-segment>
</template>

<script>
export default {
  name: 'ListInvertedExample',
};
</script>
